<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>模板字符串</title>
</head>

<body>
  <script type="text/javascript">
    // ------模板字符串中可以解析变量，不需要用+号进行拼接，用${变量}-------
    // let name = `张三`;
    // let sayHello = `Hello, 我的名字叫${name}`;
    // console.log(sayHello);  //Hello, 我的名字叫张三

    // ---------------模板字符串中可以换行----------------
    // let result = {
    // 	name: "zhangsan",
    // 	age: 20
    // };
    // let html = `
    // 	<div>
    // 		<span>${result.name}</span>
    // 		<span>${result.age}</span>
    // 	</div>
    // `;
    // console.log(html);

    // ---------------模板字符串中可以调用函数----------------
    const fn = () => {
      return '我是fn函数'
    }

    let html = `我是模板字符串 ${fn()}`;
    console.log(html) //我是模板字符串 我是fn函数

  </script>
</body>

</html>